<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/dijit/themes/tundra/tundra.css"/>
        <style type="text/css">
            @import "<%=request.getContextPath()%>/js/dojox/grid/enhanced/resources/tundraEnhancedGrid.css";
            @import "<%=request.getContextPath()%>/js/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css";
            .dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%;
            margin: 0; }
		</style>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/dojo/dojo.js"  djConfig="parseOnLoad: true"></script>
    <script type="text/javascript">
		var djConfig = { isDebug: true };
	</script>
<script>
    //requires
    dojo.require('dojox.grid.EnhancedGrid');
    dojo.require('dojox.grid.enhanced.plugins.DnD');
    dojo.require('dojox.grid.enhanced.plugins.Menu');
    dojo.require('dojox.grid.enhanced.plugins.NestedSorting');
    dojo.require('dojox.grid.enhanced.plugins.IndirectSelection');
    dojo.require('dojox.data.QueryReadStore');
    dojo.require('dijit.form.Button');
    dojo.require('dojo.parser');
</script>
	</script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/utility/required.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/utility/eLayout.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/utility/util.js"></script>       
    </head>
    <!-- Data stores read data from a data store such as a servlet -->
		<div dojoType="dojox.data.QueryReadStore" jsId="itemStoreBuyNow" 	url="listItem.htm">
		</div>		
    <body>
  <div id="grid1" dojoType="dojox.grid.EnhancedGrid" query="{ Track: '*' }" rowsPerPage="30" 
    plugins='{nestedSorting: true, dnd: true, indirectSelection: true, menus:{headerMenu:"headerMenu", rowMenu:"rowMenu", cellMenu:"cellMenu", selectedRegionMenu:"selectedRegionMenu"}}'
    store="itemStoreBuyNow" structure="buyNowLayout" rowSelector="20px">
    <div dojoType="dijit.Menu" id="headerMenu" style="display: none;">
        <div dojoType="dijit.MenuItem">Header Menu Item 1</div>
        <div dojoType="dijit.MenuItem">Header Menu Item 2</div>
        <div dojoType="dijit.MenuItem">Header Menu Item 3</div>
        <div dojoType="dijit.MenuItem">Header Menu Item 4</div>
    </div>
    <div dojoType="dijit.Menu" id="rowMenu" style="display: none;">
        <div dojoType="dijit.MenuItem">Row Menu Item 1</div>
        <div dojoType="dijit.MenuItem">Row Menu Item 2</div>
        <div dojoType="dijit.MenuItem">Row Menu Item 3</div>
        <div dojoType="dijit.MenuItem">Row Menu Item 4</div>
    </div>
    <div dojoType="dijit.Menu" id="cellMenu" style="display: none;">
        <div dojoType="dijit.MenuItem">Cell Menu Item 1</div>
        <div dojoType="dijit.MenuItem">Cell Menu Item 2</div>
        <div dojoType="dijit.MenuItem">Cell Menu Item 3</div>
        <div dojoType="dijit.MenuItem">Cell Menu Item 4</div>
    </div>
    <div dojoType="dijit.Menu" id="selectedRegionMenu" style="display: none;">
        <div dojoType="dijit.MenuItem">Action 1 for Selected Region</div>
        <div dojoType="dijit.MenuItem">Action 2 for Selected Region</div>
        <div dojoType="dijit.MenuItem">Action 3 for Selected Region</div>
        <div dojoType="dijit.MenuItem">Action 4 for Selected Region</div>
    </div>
</div>
</body>
</html>